<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div id="box"></div>
    <button onclick="send()">点击发送验证码</button>
    <script>
      // 1.计算2个日期之间相差的 天数，小时，分钟，秒数 和 什么星座
      //   例如：计算你出生了？天？小时？分钟？秒 ——白羊座
      //   let date = new Date();
      //   let date1 = new Date("2023-07-09 0:0:0");
      //   let cha = date.getTime() - date1.getTime();
      //   let day = Math.floor(cha / 1000 / 60 / 60 / 24);
      //   let hours = Math.floor(cha / 1000 / 60 / 60) % 24;
      //   let fenzhong = Math.floor(cha / 1000 / 60) % 60;
      //   let miao = Math.floor(cha / 1000) % 60;
      //   let month = date1.getMonth() + 1;
      //   let riqi = date1.getDate();
      //   switch (month) {
      //     case 1:
      //       if (riqi >= 20) {
      //         console.log("水瓶座");
      //       } else {
      //         console.log("摩羯座");
      //       }
      //       break;
      //   }
      //   console.log(`相差${day}天${hours}小时${fenzhong}分钟${miao}秒`);
      // 2.实现倒计时效果距离国庆节还有多少天？要求倒计时每秒更新 动态显示。
      //   let guoqi = new Date("2023-10-01 0:0:0");
      //   setInterval(() => {
      //     let date = new Date();
      //     let cha = guoqi.getTime() - date.getTime();
      //     let day = Math.floor(cha / 1000 / 60 / 60 / 24);
      //     let hours = Math.floor(cha / 1000 / 60 / 60) % 24;
      //     let fenzhong = Math.floor(cha / 1000 / 60) % 60;
      //     let miao = Math.floor(cha / 1000) % 60;
      //     document.querySelector(
      //       "h1"
      //     ).innerHTML = `距离假期还有${day}天${hours}小时${fenzhong}分钟${miao}秒`;
      //     // console.log(`距离假期还有${day}天${hours}小时${fenzhong}分钟${miao}秒`);
      //   }, 1000);

      // 3.输入一个日期算出该日期在该年是第几天
      //   输入：date = "2019-01-09"
      //   输出：9
      //   输入：date = "2019-03-01" //31+（28|29）+1
      //   输出：9
      //   let date = new Date("2019-03-01");
      //   let year = date.getFullYear();
      //   let month = date.getMonth() + 1;
      //   let day = date.getDate();
      //   let count = 0;
      //   for (let i = 1; i <= 12; i++) {
      //     if (i < month) {
      //       switch (i) {
      //         case 1:
      //         case 3:
      //         case 5:
      //         case 7:
      //         case 8:
      //         case 10:
      //         case 12:
      //           count += 31;
      //           break;
      //         case 4:
      //         case 6:
      //         case 9:
      //         case 11:
      //           count += 30;
      //         case 2:
      //           if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {
      //             count += 29;
      //           } else {
      //             count += 28;
      //           }
      //       }
      //     } else {
      //       break;
      //     }
      //   }
      //   count += day;
      //   console.log(count);
      // 4.将一段歌词文本每隔1秒输出在html页面中显示 且每个句歌词需要换行显示
      //       let lrc = `徐徐回望 曾属于彼此的晚上

      // 红红仍是你 赠我的心中艳阳

      // 如流傻泪 祈望可体恤兼见谅

      // 明晨离别你 路也许孤单得漫长

      // 一瞬间 太多东西要讲

      // 可惜即将在各一方

      // 只好深深把这刻尽凝望

      // 来日纵使千千阙歌

      // 飘于远方我路上

      // 来日纵使千千晚星

      // 亮过今晚月亮

      // 都比不起这宵美丽

      // 都洗不清今晚我所想

      // Ah...因你今晚共我唱

      // Ah...

      // 临行临别 才顿感哀伤的漂亮

      // 原来全是你 令我的思忆漫长

      // 何年何月 才又可今宵一样

      // 停留凝望里 让眼睛讲彼此立场

      // 当某天 雨点轻敲你窗

      // 当风声吹乱你构想

      // 可否抽空想这张旧模样

      // 来日纵使千千阙歌

      // 飘于远方我路上

      // 来日纵使千千晚星

      // 亮过今晚月亮

      // 都比不起这宵美丽

      // 亦绝不可使我更欣赏

      // Ah...因你今晚共我唱

      // Ah...怎都比不起这宵美丽

      // 亦绝不可使我更欣赏

      // Ah...因我今晚共你唱

      // 来日纵使千千阙歌

      // 飘于远方我路上

      // 来日纵使千千晚星

      // 亮过今晚月亮

      // 都比不起这宵美丽

      // 亦绝不可使我更欣赏

      // Ah...因你今晚共我唱

      // 来日纵使千千阙歌

      // 飘于远方我路上

      // 来日纵使千千晚星

      // 亮过今晚月亮

      // 都比不起这宵美丽

      // 都洗不清今晚我所想`;
      //       let arr = lrc.split("\n\n");
      //       let index = 0;
      //       let timer = setInterval(() => {
      //         document.querySelector("#box").innerHTML += `<p>${arr[index++]}</p>`;
      //         if (index == arr.length) {
      //           clearInterval(timer);
      //         }
      //       }, 1000);
      // 5.实现一个 验证码倒计时 点击发送验证码 进行倒计时 ，
      //   倒计时结束按钮恢复成 发送验证码 且 验证码数字重新随机生成
      //   let time = 5;
      //   let code = [
      //     "a",
      //     "b",
      //     "c",
      //     "d",
      //     "e",
      //     "f",
      //     "g",
      //     "h",
      //     "i",
      //     "j",
      //     "k",
      //     "l",
      //     "m",
      //     "n",
      //     "o",
      //     "p",
      //     "q",
      //     "r",
      //     "s",
      //     "t",
      //     "u",
      //     "v",
      //     "w",
      //     "x",
      //     "y",
      //     "z",
      //     "A",
      //     "B",
      //     "C",
      //     "D",
      //     "E",
      //     "F",
      //     "G",
      //     "H",
      //     "I",
      //     "J",
      //     "K",
      //     "L",
      //     "M",
      //     "N",
      //     "O",
      //     "P",
      //     "Q",
      //     "R",
      //     "S",
      //     "T",
      //     "U",
      //     "V",
      //     "W",
      //     "X",
      //     "Y",
      //     "Z",
      //     0,
      //     1,
      //     2,
      //     3,
      //     4,
      //     5,
      //     6,
      //     7,
      //     8,
      //     9,
      //   ];
      //   function send() {
      //     let codeStr = "";
      //     for (let i = 0; i < 4; i++) {
      //       let index = getRandom(0, 62);
      //       codeStr += code[index];
      //     }
      //     document.querySelector("#box").innerHTML = codeStr;
      //     document.querySelector("button").innerHTML = time + "秒后重新发送";
      //     let timer = setInterval(() => {
      //       document.querySelector("button").innerHTML = --time + "秒后重新发送";
      //       if (time == 0) {
      //         clearInterval(timer);
      //         time = 5;
      //         document.querySelector("button").innerHTML = "点击发送验证码";
      //       }
      //     }, 1000);
      //   }
      //   //有字母大小写有数字
      //   function getRandom(min, max) {
      //     return Math.floor(Math.random() * (max - min + 1) + min);
      //   }
      // 6.实现滚动的双色球功能 双色球规则
      //   前6个红球数字范围：1~33 （不能重复）
      //           最后一个篮球：1~16
      //   点击开始 7个球开始随机滚动 点击停止按钮 停止滚动
    </script>
  </body>
</html>
